﻿/*
Título: Shippuden
Autor: Hector
Versión: 3.3
Contacto: hectordanielunsc@gmail.com
*/

ul, li, h1, h2, h3, h4, h5, img{margin:0; padding:0; list-style:none; border:0}
p{margin: 0 0 5px 0}
a{text-decoration:none; border:0}
body{margin:0;  background:url("http://pelisgg.com/tema/css/img/fondo.png") repeat scroll 0 0 transparent; font-family: arial, verdana, "Open Sans", sans-serif; font-size:11pt;}

#contenedor{width:670px; padding:0 5px 2px; margin: 0 auto; background:#fff}
#contenedor #header{width:670px; height:100px; background:#fff; margin-bottom:15px;}
#contenedor #header .logo{float:left; width:252px; margin-top:15px}
#contenedor #header .pub728x90{float:left; width:670px; margin:5px 0 0 44px}


/* Navegación 1
#contenedor #nav{width:100%; background:#000; height:37px; border-bottom:4px solid #2c63ad;}
#contenedor #nav ul{}
#contenedor #nav ul li{float:left; padding:10px}
#contenedor #nav ul li.select{padding:10px; background:#2c63ad; color:#fff}
#contenedor #nav ul li.select:hover{background:#2c63ad}
#contenedor #nav ul li a{color:#fff}
#contenedor #nav ul li:hover{background:#494949;}
*/



/* Navegación 2 */
#contenedor #nav{width:100%; height:37px;}
#contenedor #nav ul{}
#contenedor #nav ul li a{float:left; padding:10px; background:#578de6; color:#fff; border-radius:4px; margin-right:5px; text-shadow:1px 1px 2px #000;}
#contenedor #nav ul li a:hover {background:#0f50bb}
#contenedor #nav ul li.select a{background:#0f50bb}
#contenedor #nav ul li.red a{background:#fb2745}
#contenedor #nav ul li.red a:hover{background:#c24254}
#contenedor #nav ul li.green a{background:#93b640}
#contenedor #nav ul li.green a:hover{background:#5f7d18}


#contenedor #encabezado{width:100%;   text-align:right;}
#contenedor #encabezado h1{color:#65696f; padding:5px 0 0; font-size: 18px; text-decoration:underline}





#contenedor #principal{width:100%; background:#fff; clear:both}
#contenedor #principal #izquierda{float:left; width:713px; background:#fff; padding-right:5px}
#contenedor #principal #izquierda p.titulo{background:#000; width:694px; color:#fff; padding:10px 0 10px 10px; border-radius:4px; border-bottom:4px solid #2c63ad; clear:both}









/* NOTICIAS DEL INDEX */
#contenedor #principal #izquierda .articulo{margin-bottom:10px; clear:both; border-bottom:1px dashed #000; overflow:auto; width:704px;}
#contenedor #principal #izquierda .articulo img{float:left; padding:3px; border:1px solid #898989; border-radius:4px; margin: 0 5px 5px 0}
#contenedor #principal #izquierda .articulo h2{font-size:16px; margin-bottom:5px }
#contenedor #principal #izquierda .articulo span{padding:3px 5px; background:#dbdbdb; color:#000; clear:both; overflow:auto; border-radius:4px; font-size:10px}
#contenedor #principal #izquierda .articulo p.texto{margin:10px 0}

/* NOTICIA COMPLETA */
#contenedor #principal #izquierda .articuloc{margin-bottom:10px; clear:both; border-bottom:1px dashed #000; overflow:auto; width:704px;}
#contenedor #principal #izquierda .articuloc img{padding:3px; border:1px solid #898989; border-radius:4px; margin:20px 0}
#contenedor #principal #izquierda .articuloc h2{font-size:25px; margin-bottom:10px; }
#contenedor #principal #izquierda .articuloc span{padding:3px 5px; background:#dbdbdb; color:#000; border-radius:4px; font-size:10px;}
#contenedor #principal #izquierda .articuloc p.texto{margin-bottom:15px; color:#585858;}
#contenedor #principal #izquierda .articuloc p.tags{margin-bottom:15px;}
#contenedor #principal #izquierda .articuloc p.tags a{background:#2766a5; color:#fff; text-shadow:1px 1px 2px #000; padding:4px 10px; border-radius:4px;}
#contenedor #principal #izquierda .articuloc p.tags a:hover{background:#464646;}




#contenedor #principal #izquierda #facebook{float:left;  width:20%;margin:10px 0;}




.pelis{float:left; margin: 0 8px 8px 0; width:170px; position: relative;}
.pelis img{border-radius:4px}
.pelis .hd{background:url("http://pelisgg.com/img/hd.png") no-repeat; width:40px; height:40px; position:absolute; top:0;}
.pelis .sd{background:url("http://pelisgg.com/img/sd.png") no-repeat; width:40px; height:40px; position:absolute; top:0;}
.pelis .cam{background:url("http://pelisgg.com/img/cam.png") no-repeat; width:40px; height:40px; position:absolute; top:0;}
.pelis .ts{background:url("http://pelisgg.com/img/ts.png") no-repeat; width:40px; height:40px; position:absolute; top:0;}


.pelis .pelis-desc,.show-desc{background: #5d5d5d;
border:1px solid #7e7e7e;display:none;
position:absolute;
right:-318px;
text-shadow:1px 1px 2px #333333;
top:0;width:295px; z-index:999;
border-radius:6px;
padding:10px;
}


.pelis .pelis-desc h3{border-bottom:1px solid #05405e; padding-bottom:5px;color:#9bd6ef; font-size:20px;text-shadow:0 1px #000; }
.pelis .desc-mid{border-bottom:1px solid #05405e; border-top:1px solid #fff;color:#fff; font-family:verdana; font-size:12px; margin:0; padding:5px 0; text-shadow:0 1px #000;}
.pelis .desc-low{border-top:1px solid #fff;color:#fff;margin:0;padding:5px 0; font-size:12px;}
.pelis .desc-item{display:block;width:275px;font-size:11px;}
.pelis .desc-item .bold{font-weight:bold; color:#d2edff;}



#contenedor #principal #derecha{float:left; width:306px; background:#fff;}
#contenedor #principal #derecha #pub300x250{border:1px solid #a5a5a5; background:#000; padding:2px; border-radius:4px; margin-bottom:10px; width:300px; height:250px;}










/* PAGINACION */
.pagin {
text-align: center;
padding: 5px 0;
margin:0;
font-family: "Verdana", sans-serif;
font-size: 12px;
margin: 10px 0;
font-weight: normal;
}

.pagin * {
padding: 5px 10px;
margin:0;
}
.pagin a {
	border-radius: 4px;
	color: #fff;
	text-decoration: none;
	background: #2a80d6;
	background: -webkit-gradient(linear, left top, left bottom, from(#2daae0), to(#2a80d6)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #2daae0,  #2a80d6); /* for firefox 3.6+ */ 
	border: 1px solid #2673c3;
}

.pagin a:hover, .pagin a:active {
	background: #2daae0;
	background: -webkit-gradient(linear, left top, left bottom, from(#59bce7), to(#2a80d6)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #59bce7,  #2a80d6); /* for firefox 3.6+ */ 
}
.pagin span {
	border-radius: 4px;
	cursor: default;
	border: solid 1px #808080;
	background-color: #F0F0F0;
	color: #B0B0B0;
}
.pagin span.actual {
	color: #fff;
	text-decoration: none;
	background: #222222;
	background: -webkit-gradient(linear, left top, left bottom, from(#5c5c5c), to(#222222)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #5c5c5c,  #222222); /* for firefox 3.6+ */ 
	border: 1px solid #2d2d2d;
}


/* Social */

#social {width:790px; overflow:hidden; margin-bottom:15px;}
#social .facebook{background:url("http://4.bp.blogspot.com/-y_YHuYdSr_k/UtMnD4NoMoI/AAAAAAAAEZI/dqeWPzY-m0Q/s1600/facebook.png") #21579f no-repeat;float:left; width:308px; height:31px; padding:10px 0 0 80px; z-index:9999999999999999;}
#social .google{background:url("http://4.bp.blogspot.com/-Txf1qqsVms4/UtMnD3NHRQI/AAAAAAAAEZQ/jHo6ASqYQH4/s1600/google.png") #f73f32 no-repeat;float:left; width:308px;height:31px; padding:10px 0 0 80px }





  
/* Tabla descargas */


#descarga-directa table{text-align:left; color:#fff; width:100%; border-right:1px solid #000; margin:5px 0 10px}
#descarga-directa table th{padding:10px; margin-bottom:5px; border-bottom:2px solid #dcdcdc; background:#000; color:#fff; margin:10px 0;}
#descarga-directa table th.dd{text-align:right;}

#descarga-directa table td {padding:10px;}
#descarga-directa table td.dd2{text-align:right; }
#descarga-directa table td a.enlace{background:#fff; color:#000; padding:5px 10px; border-radius:4px; }
#descarga-directa table td a.tuto{color:#fff; margin-left:20px;}

#descarga-directa table tr{background:#171717;  }
#descarga-directa table tr:hover {background:#0073a3}





/*  STARS  */

.ec-stars-wrapper {
	font-size: 0;
	display: inline-block;
	float:right;
}



.ec-stars-wrapper a {
	text-decoration: none;
	display: inline-block;
	font-size: 32px;
	font-size: 2rem;
	
	color: #888;
}

.ec-stars-wrapper:hover a {
	color: rgb(39, 130, 228);
}

.ec-stars-wrapper > a:hover ~ a {
	color: #888;
}  


/* Videos */

#videos{float:left; position: relative; }


.vhead{
	width:1024px;
	color: #000;
	background: #fff;
	height: 35px;
	line-height: 35px;
	font-size: 12px;
}

.vhead li{
	float: left;
	display: inline-block;
	margin-right: 15px;
}

.vhead b{
	font-weight: bold;
}

#copc{
	cursor: pointer;
	background: #2894da url(img/fa2.png);
	float: right;
	border-radius: 0px 4px 4px 0px;
	padding: 0px 10px 0px 10px;
	height: 37px;
	margin: -1px;
	color: #fff;
	text-shadow: 1px 1px #0e314a;
	font-weight: bold;
}



.fade { width:984px; height:400px; background:#d6dfe4; padding:20px; overflow:hidden; }
.fade .tabs { float:left; overflow:auto; }
.fade .tabs li {  float:left; margin-right:5px;}
.fade .tabs li a { display:block; font-size:18px; float:left; padding: 10px 20px; text-align:center; color:#fff;text-decoration:none; background:#125c86; border:1px solid #063c5b; border-radius:5px; }
.fade .tabs li a:hover {background:#052435;}
.fade .tabs li a.selected {background:#052435; }
.fade .items { clear:both; padding:6px 0; position:relative; top:0; left:0; height:1em; }


#descarga{margin: 10px 0;}
#descarga table{width:780px; border-spacing: 0;}
#descarga table a{float:right;background:#125c86; color:#fff; padding:8px 10px; border-radius:5px; text-decoration:none; margin-right:5px;  }
#descarga th{background:#000; color:#fff; font-size:16px; padding:10px 10px; }
#descarga td{font-size:12px; padding:5px; text-align:center; padding: 10px 0; border-bottom:1px solid #e2e2e2;  }
#descarga tr:hover{background:#dadada; }
#descarga .srv{text-align:left; padding-left:5px;}


.play{

	cursor: pointer;
	background: #fff;
	padding: 10px;
	display: inline-block;
	margin-top:20px;
	margin-left: 30px;
	margin-bottom: 10px;
	border-radius: 4px;
}

.play:hover{
	background: #ccc;	
}

h5{background:#ffed99; color:#000; text-shadow:0 2px #fff; font-size:14px; padding:5px ; width:974px; border-radius:4px;}


